import React from 'react';
import styles from './top.less'
import { ShoppingCartOutlined } from '@ant-design/icons';
export default (props: any) => {
    return (
        <>
            <div className={styles.topBanner}/>
            <div className={styles.top}>
                <div className={styles.main}>
                    <div className={styles.left}>
                        <ul>
                            <li>小米商城</li>
                            <li className={styles.sep}>|</li>
                            <li>MIUI</li>
                            <li className={styles.sep}>|</li>
                            <li>IOT</li>
                            <li className={styles.sep}>|</li>
                            <li>云服务</li>
                            <li className={styles.sep}>|</li>
                            <li>金融</li>
                            <li className={styles.sep}>|</li>
                            <li>有品</li>
                            <li className={styles.sep}>|</li>
                            <li>小爱开放平台</li>
                            <li className={styles.sep}>|</li>
                            <li>企业团购</li>
                            <li className={styles.sep}>|</li>
                            <li>资质证照</li>
                            <li className={styles.sep}>|</li>
                            <li>协议规则</li>
                            <li className={styles.sep}>|</li>
                            <li>下载app</li>
                            <li className={styles.sep}>|</li>
                            <li>Select Location</li>
                        </ul>
                    </div>
                    <div className={styles.right}>
                        <ul>
                            <li className={styles.car}><ShoppingCartOutlined style={{ fontSize: '20px', marginRight: '2px', position: "relative", top: "2px" }} />购物车(0)</li>
                            <li>消息通知</li>
                            <li className={styles.sep}>|</li>
                            <li>注册</li>
                            <li className={styles.sep}>|</li>
                            <li onClick={ props.openPopup}>登录</li>
                        </ul>
                    </div>
                </div>
            </div>
        </>
    );
}
